﻿<!DOCTYPE html>
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Church Diary : Church Management Application</title>
    <meta name="description" content="ChurchDiary is a web based church management software for maintain your church details and church members with ease and effective way.">
    <meta name="author" content="ChurchDiary.in">

    <!-- Mobile Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Favicon -->
    <link rel="shortcut icon" href="favicon.png">

    <!-- Web Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700,300&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'>
    <script>
        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date(); a = s.createElement(o),
            m = s.getElementsByTagName(o)[0]; a.async = 1; a.src; m.parentNode.insertBefore(a, m)
        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-91620017-1', 'auto');
        ga('send', 'pageview');

    </script>

    <!-- Google Tag Manager -->
    <script>
        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-M3QTQDJ');</script>
    <!-- End Google Tag Manager -->
    <!-- Bootstrap core CSS -->
    <link href="~/Content/css/bootstrap.css" rel="stylesheet" />

    <!-- Font Awesome CSS -->
    <link href="~/Content/fonts/font-awesome/css/font-awesome.css" rel="stylesheet">

    <!-- Fontello CSS -->
    <link href="~/Content/fonts/fontello/css/fontello.css" rel="stylesheet">
    <!-- ~/Content/plugins -->
    <link href="~/Content/css/settings.css" rel="stylesheet" />
    <link href="~/Content/css/extralayers.css" rel="stylesheet" />
    <link href="~/Content/css/magnific-popup.css" rel="stylesheet" />
    <link href="~/Content/css/animations.css" rel="stylesheet" />
    <link href="~/Content/css/owl.carousel.css" rel="stylesheet" />

    <!-- iDea core CSS file -->
    <link href="~/Content/css/style.css" rel="stylesheet" />

    <!-- Color Scheme (In order to change the color scheme, replace the red.css with the color scheme that you prefer)-->
    <link href="~/Content/css/dark_cyan.css" rel="stylesheet" />
    <!-- Custom css -->
    <link href="~/Content/css/custom.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="front no-trans">
    <!-- Google Tag Manager (noscript) -->
    <noscript>
        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M3QTQDJ"
                height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    <!-- End Google Tag Manager (noscript) -->
    <!-- scrollToTop -->
    <!-- ================ -->
    <div class="scrollToTop"><i class="icon-up-open-big"></i></div>
    <!-- page wrapper start -->
    <!-- ================ -->
    <div class="page-wrapper">
        <!-- header start classes:
            fixed: fixed navigation mode (sticky menu) e.g. <header class="header fixed clearfix">
            dark: dark header version e.g. <header class="header dark clearfix">
            transparent: transparent header version e.g. <header class="header transparent clearfix">
            to tweak the transparency of header add inline style e.g.<header class="header transparent clearfix" style="background-color:rgba(255,255,255,0.8)">
        ================ -->
        <header class="header full-width transparent fixed header-small clearfix">
            <div class="container">
                <div class="row">
                    <div class="col-md-3">

                        <!-- header-left start -->
                        <!-- ================ -->
                        <div class="header-left clearfix">
                            

                            <!-- logo -->
                            <div class="logo">
                                <a href="Home"><img src="~/Images/churchdiary.png" alt="ChurchDiary"/></a>
                            </div>

                            <!-- name-and-slogan -->

                        </div>
                        <!-- header-left end -->

                    </div>
                    <div class="col-md-9">

                        <!-- header-right start -->
                        <!-- ================ -->
                        <div class="header-right clearfix">

                            <!-- main-navigation start -->
                            <!-- ================ -->
                            <div class="main-navigation animated">

                                <!-- navbar start -->
                                <!-- ================ -->
                                <nav class="navbar navbar-default" role="navigation">
                                    <div class="container-fluid">

                                        <!-- Toggle get grouped for better mobile display -->
                                        <div class="navbar-header">
                                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
                                                <span class="sr-only">Toggle navigation</span>
                                                <span class="icon-bar"></span>
                                                <span class="icon-bar"></span>
                                                <span class="icon-bar"></span>
                                            </button>
                                        </div>

                                        <!-- Collect the nav links, forms, and other content for toggling -->
                                        <div class="collapse navbar-collapse" id="navbar-collapse-1">
                                            <ul class="nav navbar-nav navbar-right">
                                                <li class="active">
                                                    <a href="Home">Home</a>
                                                </li>
                                                <li>
                                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Product Tour</a>
                                                </li>
                                                <li>
                                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Features</a>
                                                </li>
                                                <li>
                                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog</a>
                                                </li>
                                                <li>
                                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact Us</a>
                                                </li>
                                                <li>
                                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Product Enquiry</a>
                                                </li>
                                            </ul>
                                        </div>

                                    </div>
                                </nav>
                                <!-- navbar end -->

                            </div>
                            <!-- main-navigation end -->

                        </div>
                        <!-- header-right end -->

                    </div>
                </div>
            </div>
        </header>
        <!-- header end -->
        @RenderBody()
        <!-- footer start (Add "light" class to #footer in order to enable light footer) -->
        <!-- ================ -->
        <footer id="footer" class="light">

            <!-- .footer start -->
            <!-- ================ -->
            <div class="footer">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="footer-content">
                                <div class="logo-footer"><img src="~/Images/churchdiary.png" id="logo-footer" alt="ChurchDiary" /></div>
                                <p>CD(Church Diary) is a pure web based application still you can access it from mobile and Tab which make you work more easier and available. Also churchdiary will soon going to lounch new mobile application which make your work done more more eaier.</p>
                                <p>Please drop your message related to anything you wish you know about ChurchDiary</p>
                                <div class="row">
                                    <div class="col-md-6">
                                        <ul class="list-icons">
                                            <li><i class="fa fa-map-marker pr-10"></i> One infinity loop, 54100</li>
                                            <li><i class="fa fa-phone pr-10"></i> +00 1234567890</li>
                                            <li><i class="fa fa-envelope-o pr-10"></i> info@idea.com</li>
                                        </ul>
                                    </div>
                                    <div class="col-md-6">
                                        <ul class="social-links circle">
                                            <li class="facebook"><a target="_blank" href="https://www.facebook.com/churchdiary/?modal=invite_friend&notif_t=page_friend_inviter_admin&notif_id=1491654872834880"><i class="fa fa-facebook"></i></a></li>
                                            <li class="twitter"><a target="_blank" href="http://www.twitter.com"><i class="fa fa-twitter"></i></a></li>
                                            <li class="googleplus"><a target="_blank" href="http://plus.google.com"><i class="fa fa-google-plus"></i></a></li>
                                            <li class="skype"><a target="_blank" href="http://www.skype.com"><i class="fa fa-skype"></i></a></li>
                                            <li class="linkedin"><a target="_blank" href="http://www.linkedin.com"><i class="fa fa-linkedin"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <a href="page-about.html" class="link"><span>Read More</span></a>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="footer-content">
                                <h2>Contact Us</h2>
                                <div class="alert alert-success hidden" id="MessageSent2">
                                    We have received your message, we will contact you very soon.
                                </div>
                                <div class="alert alert-danger hidden" id="MessageNotSent2">
                                    Oops! Something went wrong please refresh the page and try again.
                                </div>
@using (Html.BeginForm("SaveContactUs", "Home", FormMethod.Post, new { @class = "form", @id = "validate" }))
{

                                    <div class="form-group has-feedback">
                                        <label class="sr-only" for="name2">Name</label>
                                        <input type="text" class="form-control" id="name2" placeholder="Name" name="Name" required maxlength="64">
                                        <i class="fa fa-user form-control-feedback"></i>
                                    </div>
                                    <div class="form-group has-feedback">
                                        <label class="sr-only" for="email2">Email address</label>
                                        <input type="email" class="form-control" id="email2" placeholder="Enter email" name="Email" required maxlength="128">
                                        <i class="fa fa-envelope form-control-feedback"></i>
                                    </div>
                                    <div class="form-group has-feedback">
                                        <label class="sr-only" for="email2">Contact No (With Country and std code)</label>
                                        <input type="text" class="form-control" id="email2" placeholder="Contact No" name="ContactNo" maxlength="16">
                                        <i class="fa fa-envelope form-control-feedback"></i>
                                    </div>
                                    <div class="form-group has-feedback">
                                        <label class="sr-only" for="message2">Message</label>
                                        <textarea class="form-control" rows="4" id="message2" placeholder="Message" name="Message" required maxlength="500"></textarea>
                                        <i class="fa fa-pencil form-control-feedback"></i>
                                    </div>
                                    <input type="submit" value="Send" class="submit-button btn btn-default">
}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- .footer end -->
            <!-- .subfooter start -->
            <!-- ================ -->
            <div class="subfooter">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <p>Copyright © @DateTime.Now.Year ChurchDiary by <a target="_blank" href="http://churchdiary.in/">ChurchDiary</a>. All Rights Reserved</p>
                        </div>
                        <div class="col-md-6">
                            <nav class="navbar navbar-default" role="navigation">
                                <!-- Toggle get grouped for better mobile display -->
                                <div class="navbar-header">
                                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-2">
                                        <span class="sr-only">Toggle navigation</span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </button>
                                </div>
                                <div class="collapse navbar-collapse" id="navbar-collapse-2">
                                    <ul class="nav navbar-nav">
                                        <li><a href="/">Home</a></li>
                                        <li><a href="/">Product Tour</a></li>
                                        <li><a href="/">Features</a></li>
                                        <li><a href="/">Blog</a></li>
                                        <li><a href="/">Contact Us</a></li>
                                        <li><a href="/">Product Enquiry</a></li>
                                    </ul>
                                </div>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
            <!-- .subfooter end -->

        </footer>
        <!-- footer end -->
    </div>
    <!-- page-wrapper end -->
    <!-- JavaScript files placed at the end of the document so the pages load faster
    ================================================== -->
    <!-- Jquery and Bootstap core js files -->
    <script src="~/Content/js/jquery.min.js"></script>
    <script src="~/Content/js/bootstrap.min.js"></script>
    <!-- Modernizr javascript -->
    <script src="~/Content/js/modernizr.js"></script>
    <!-- jQuery REVOLUTION Slider  -->
    <script src="~/Content/js/jquery.themepunch.tools.min.js"></script>
    <script src="~/Content/js/jquery.themepunch.revolution.min.js"></script>
    <!-- Isotope javascript -->
    <script src="~/Content/js/isotope.pkgd.min.js"></script>

    <!-- Owl carousel javascript -->
    <script src="~/Content/js/owl.carousel.min.js"></script>

    <!-- Magnific Popup javascript -->
    <script src="~/Content/js/jquery.magnific-popup.min.js"></script>
    <!-- Appear javascript -->
    <script src="~/Content/js/jquery.appear.js"></script>
    <!-- Count To javascript -->
    <script src="~/Content/js/jquery.countTo.js"></script>
    <!-- Parallax javascript -->
    <script src="~/Content/js/jquery.parallax-1.1.3.js"></script>

    <!-- Contact form -->
    <script src="~/Content/js/jquery.validate.js"></script>

    <!-- SmoothScroll javascript -->
    <script src="~/Content/js/jquery.browser.js"></script>
    <script src="~/Content/js/SmoothScroll.js"></script>

    <!-- Initialization of ~/Content/plugins -->
    <script src="~/Content/js/template.js"></script>
    <!-- Custom Scripts -->
    <script src="~/Content/js/custom.js"></script>


    <div class="container body-content">


    </div>

    @RenderSection("scripts", required: false)

</body>
</html>


